From aa95497aab51de2a18785a0bc2e94f1d78afbd99 Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Thu, 14 Dec 2023 17:15:28 -0500
Subject: Improve design

---
 src/app/groups/[groupId]/group-tabs.tsx | 2 +-
 src/app/groups/[groupId]/layout.tsx     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/app/groups/[groupId]')

diff --git a/src/app/groups/[groupId]/group-tabs.tsx b/src/app/groups/[groupId]/group-tabs.tsx
index 28b4889..bd603cc 100644
--- a/src/app/groups/[groupId]/group-tabs.tsx
+++ b/src/app/groups/[groupId]/group-tabs.tsx
@@ -15,7 +15,7 @@ export function GroupTabs({ groupId }: Props) {
   return (
     <Tabs
       value={value}
-      className="mb-4 [&>*]:border"
+      className="[&>*]:border"
       onValueChange={(value) => {
         router.push(`/groups/${groupId}/${value}`)
       }}
diff --git a/src/app/groups/[groupId]/layout.tsx b/src/app/groups/[groupId]/layout.tsx
index 07cf17f..3e649e7 100644
--- a/src/app/groups/[groupId]/layout.tsx
+++ b/src/app/groups/[groupId]/layout.tsx
@@ -35,8 +35,8 @@ export default async function GroupLayout({
 
   return (
     <>
-      <div className="flex flex-col sm:flex-row justify-between">
-        <h1 className="font-bold text-2xl mb-4">
+      <div className="flex flex-col sm:flex-row justify-between sm:items-center gap-3">
+        <h1 className="font-bold text-2xl">
           <Link href={`/groups/${groupId}`}>{group.name}</Link>
         </h1>
 
-- 
cgit v1.3